{% extends 'templates/document.html' %}

{% import 'components/Document/Head.html' as Head %}
{% import 'components/Sidebar/Sidebar.html' as Sidebar %}
{% import 'components/PageHeader/PageHeader.html' as PageHeader %}

{% import 'content/Plugins/SwapAnimation/SwapAnimation.html' as SwapAnimation %}

{% set ViewAttr = {
  id: 'SwapAnimation',
  parent: 'Plugins',
  child: 'Swap Animation',
  subheading: 'This example is currently waiting for SwapAnimation to support translating both X and Y coordinates.'
} %}

{% block PageId %}{{ ViewAttr.id }}{% endblock %}

{% block head %}
  {{ Head.render(ViewAttr) }}
{% endblock %}

{% block sidebar %}
  {{ Sidebar.render(ViewAttr, DataPages) }}
{% endblock %}

{% block main %}
  {{ PageHeader.render(ViewAttr) }}
  {{ SwapAnimation.render(ViewAttr.id) }}
{% endblock %}
